var goodsInfoDom = `
<div class='goods-wrap-com'>
    <div v-for='(val,index) in goods_info' :key='index' :class="['goods-com',index%2==0?'goods-left-com':'goods-right-com']">
        <div class='goods-img-com'>
            <img :src="val.img" width="100%" height="100%">
        </div>
        <p v-text='val.badge'>Bride bouquet</p>
        <p v-text='val.name'>美丽新娘捧花</p>
        <p><span>￥</span><span v-text='val.price'>1234.00</span></p>
    </div>
</div>
`;
Vue.component('goods-info', {
    data: function() {
        return {
            count: 0
        }
    },
    props: ['goods_info'],
    template: goodsInfoDom
});